<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Layui</title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <link rel="stylesheet" href="/static/layui-v2.5.7/layui/css/layui.css"  media="all">
  <!-- 注意：如果你直接复制所有代码到本地，上述css路径需要改成你本地的 -->
</head>


<body>
<ul class="layui-nav">
  <li class="layui-nav-item"><a href="/jump">登录</a></li>
  <li class="layui-nav-item"><a href="">注册</a></li>
  <li class="layui-nav-item"><a href="">员工信息表</a></li>
  <li class="layui-nav-item">
    <a href="javascript:;">企业员工表</a>
    <dl class="layui-nav-child">
      <dd><a href="/createWorkerInfo">创建</a></dd>
        <dd><a href="/updateWorkerInfo">修改</a></dd>
      <dd><a href="">查看</a></dd>
    </dl>
  </li>
  <li class="layui-nav-item"><a href="">员工评价</a></li>
</ul>

<script src="/static/layui-v2.5.7/layui/layui.js" charset="utf-8"></script>
<!-- 注意：如果你直接复制所有代码到本地，上述js路径需要改成你本地的 -->
<script>
layui.use('element', function(){
  var element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块

  //监听导航点击
  element.on('nav(demo)', function(elem){
    //console.log(elem)
    layer.msg(elem.text());
  });
});
</script>

</body>
</html>